<template>
  <div>
    <!-- 轮播图 -->
    <el-carousel height="400px">
      <el-carousel-item v-for="item in shufflingImg" :key="item">
        <el-image class="my-shuffling" :fit="scale-down" :src="item"></el-image>
      </el-carousel-item>
    </el-carousel>
    <!-- 影院热映 -->
    <el-card>
      <h2>影院热映</h2>
      <el-row>
        <el-col :span="4" v-for="item1 in cinemaMovie" :key="item1">
          <el-card>
            <el-image :src="item1"></el-image>
          </el-card>
        </el-col>
      </el-row>
    </el-card>
    <!-- 动漫热播 -->
    <el-card>
      <h2>动漫热播</h2>
      <el-row>
        <el-col :span="4" v-for="item1 in cinemaMovie" :key="item1">
          <el-card>
            <el-image :src="item1"></el-image>
          </el-card>
        </el-col>
      </el-row>
    </el-card>
    <!-- 高分推荐 -->
    <el-card>
      <h2>高分推荐</h2>
      <el-row>
        <el-col :span="4" v-for="item1 in cinemaMovie" :key="item1">
          <el-card>
            <el-image :src="item1"></el-image>
          </el-card>
        </el-col>
      </el-row>
    </el-card>
    <!-- 电视剧热播 -->
    <el-card>
      <h2>电视剧热播</h2>
      <el-row>
        <el-col :span="4" v-for="item1 in cinemaMovie" :key="item1">
          <el-card>
            <el-image :src="item1"></el-image>
          </el-card>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 轮播推荐
      shufflingImg: [
        "http://i1.kanimg.kankan.com/gallery2/block/2020/03/18/a9eb588bf3dda5c7e0b0947ff77f4690.jpg",
        "http://img2.kanimg.kankan.com//gallery2/block/2020/03/18/bc38a484edc6df341048d6ec242f96d5.jpg",
        "http://i6.kanimg.kankan.com/gallery2/block/2020/03/18/a74c7bfa2ed94e68979a28a0e4e1952c.jpg"
      ],
      // 影院热播
      cinemaMovie: [
        "http://i5.kanimg.kankan.com/gallery2/block/2018/08/13/b53bf15224ef47f053e8d0ad5f376c33.jpg",
        "http://i6.kanimg.kankan.com/gallery2/block/2018/07/20/1d1f76486b459e297fb7e77a5912850b.jpg",
        "http://i0.kanimg.kankan.com/gallery2/block/2018/07/20/779939751f62860810d790dd83a20c5f.jpg",
        "http://i6.kanimg.kankan.com/gallery2/block/2018/07/20/8fdc5ed11913e520f9cbd352e4a915e0.jpg",
        "http://i3.kanimg.kankan.com/gallery2/block/2018/05/18/f3c057bf5ea5a410fe597d6c9990c1d4.jpg",
        "http://i8.kanimg.kankan.com/gallery2/block/2018/05/17/fd1332c2239e396f0e2a8170bc0349bf.jpg"
      ],
      // 动漫热播
      animeList: [],
      // 高分热播
      scoreList: [],
      // 电视剧热播
      tvList: []
    };
  },
  methods: {}
};
</script>

<style lang="less" scoped>
.my-shuffling {
  height: 400px;
}
</style>